
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Home/Sicef</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<!-- Le styles -->
<link href="../css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
	padding-top: 30px;
	padding-bottom: 40px;
}

.carousel {
	margin-bottom: 60px;
}

.carousel .container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.carousel-control {
	background-color: transparent;
	border: 0;
	font-size: 120px;
	margin-top: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

.carousel-caption {
	background-color: transparent;
	position: static;
	max-width: 800px;
	padding: 0 20px;
	margin-bottom: 10px;
}

.carousel-caption h1,.carousel-caption .lead {
	margin: 0;
	line-height: 1.25;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

.carousel-caption .btn {
	margin-top: 10px;
}

.logo {
	width: 100px;
	height: 130px;
}
</style>
<link href="../css/bootstrap-responsive.css" rel="stylesheet">

</head>

<body>
	<div class="container offset1 span11">
		<div class="navbar span12">
			<div class="navbar-inner">
				<ul class="nav">
					<li class="active"><a href="#">Home</a></li>
					<li><a href="#">Servicios</a></li>
					<li><a href="#">Contacto</a></li>
					<li><a href="#">Acerca de</a></li>
					<li><a></a></li>
					<li><form class="navbar-search pull-left">
							<input type="text" class="search-query"
								placeholder="Numero de Orden">
						</form></li>
				</ul>
			</div>
		</div>

		<!-- Carousel
	    ================================================== -->
	  <div class="container-fluid">
			<div class="row-fluid">
				<div class="span2">
					<img class="img-rounded logo" src="../img/logoSICEF.png">
				</div>
				<div class="span6">
					<div id="myCarousel" class="carousel slide">
						<div class="carousel-inner">
							<div class="item active">
								<img src="../img/slide-01.jpg" alt="">
								<div class="container">
									<div class="carousel-caption">
										<h1>SICEF</h1>
										<p class="lead">Un sistema disenado y desarrollado por El
											grupo Mountain View de la Asignatura Sistemas de Informacion de
											la Promocion 50 de la UCLA.</p>
										<a class="btn btn-large btn-primary" href="#">Aprenda Mas</a>
									</div>
								</div>
							</div>
							<div class="item">
								<img src="../img/slide-02.jpg" alt="">
								<div class="container">
									<div class="carousel-caption">
										<h1>Servicios</h1>
										<p class="lead">Con este sistema podras reportar cualquier
											eventualidad referente a Electricidad, Limpieza,
											Infraestructura, Telecomunicaciones...</p>
										<a class="btn btn-large btn-primary" href="#">Ver Servicios</a>
									</div>
								</div>
							</div>
							<div class="item">
								<img src="../img/slide-03.jpg" alt="">
								<div class="container">
									<div class="carousel-caption">
										<h1>Areas</h1>
										<p class="lead">El Sistema permite el reporte de fallas o
											eventualidades en la gran mayoria de Espacios Fisicos
											pertenecientes al DCYT</p>
										<a class="btn btn-large btn-primary" href="#">Ver Areas</a>
									</div>
								</div>
							</div>
						</div>
						<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
						<a class="right carousel-control" href="#myCarousel"
							data-slide="next">&rsaquo;</a>
					</div>
				</div>
				<div class="span4">
					<div class="span12">
						<div class="well">
							<form action="/login" method="post">
								<strong>Iniciar sesi&oacute;n</strong>
								<input placeholder="Usuario" class="span12" type="text" id="txtUsuario" name="usuario" />
								<input placeholder="Contrase&ntilde;a" class="span12" type="password" id="txtClave" name="clave" />
								<br />
								<button class="btn btn-primary" type="submit" >Iniciar sesi&oacute;n</button>
							</form>
						</div>
					</div>
					<div class="well">
						<form action="/findOrder" method="post">
							<strong>Buscar solicitud</strong>
							<input placeholder="N&uacute;mero de &oacute;rden" class="span12" type="text" id="txtUsuario" name="usuario" />
							<button class="btn btn-primary" type="submit" >Buscar</button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>





	<div class="span2 offset1">
		<ul class="nav nav-list">
			<li class="nav-header">Menu</li>
			<li class="active"><a href="#">Home</a></li>
			<li><a href="#">Log In</a></li>
			<li><a href="#">Servicios</a></li>
			<li><a href="#">Politicas</a></li>
			<!--<li><a href="#">Gestion de Limpieza</a></li>
  <li><a href="#">Gestion de Aulas</a></li>
  <li><a href="#">Gestion de Horarios</a></li>-->
		</ul>
	</div>

	<!-- Publicidad a otros Sistemas -->

	<div class="container marketing">

		<!-- Three columns of text below the carousel -->
		<div class="row">
			<div class="span3">
				<img class="img-rounded" src="../img/Equipo1.png">
				<h4>Gestion de Limpieza</h4>
				<p>Sistema desarrollado por el Equipo 1 de Sistemas de
					Informacion</p>
				<p>
					<a class="btn" href="#">Ver Detalles &raquo;</a>
				</p>
			</div>
			<!-- /.span4 -->
			<div class="span3">
				<img class="img-rounded" src="../img/Equipo2.png">
				<h4>Gestion de Aulas</h4>
				<p>Sistema desarrollado por el Equipo 2 de Sistemas de
					Informacion</p>
				<p>
					<a class="btn" href="#">Ver Detalles &raquo;</a>
				</p>
			</div>
			<!-- /.span4 -->
			<div class="span3">
				<img class="img-rounded" src="../img/Equipo3.png">
				<h4>Gestion de Horarios</h4>
				<p>Sistema desarrollado por el Equipo 3 de Sistemas de
					Informacion</p>
				<p>
					<a class="btn" href="#">Ver Detalles &raquo;</a>
				</p>
			</div>
			<!-- /.span4 -->
		</div>
		<!-- /.row -->
		<div class="pagination"></div>

		<!-- Copyright -->
		<footer>
			<p class="pull-right">
				<a href="#">Ir Arriba</a>
			</p>
			<p align="center">
				&copy; 2012 Mountain View, UCLA. &middot; <a href="#">Privacy</a>
				&middot;
			</p>
		</footer>
</body>

<!-- Le javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.js"></script>
<script>
      !function ($) {
        $(function(){
          // carousel demo
          $('#myCarousel').carousel()
        })
      }(window.jQuery)
    </script>

</body>
</html>
